ELEMENTS

Editing
  • account_tree
  • bug_report

<dl>

정의형 목록(definition list)을 생성하는 래퍼(wrapper) 요소이다.

  • 콘텐츠 분류

    FLOW CONTENT, PALPABLE CONTENT

    하나 이상의 이름(<dt>) - 값(<dd>) 그룹이 존재하는 경우에 명확한 콘텐츠(palpable content)가 된다.

  • 허용된 부모 요소 또는 위치

    FLOW CONTENT

    플로우 콘텐츠(flow content)가 예상되는 위치

  • 허용된 자식 요소

    <DD>, <DIV>, <DT>

  • 콘텐츠 모델

    PALPABLE CONTENT

    하나 이상의 <dt> 요소와 하나 이상의 <dd> 요소로 구성된 0개 이상의 그룹(선택적으로 스크립트 지원(script supporting) 요소와 혼합됨) 또는 스크립트 지원(script supporting) 요소와 선택적으로 혼합된 하나 이상의 <div> 요소

  • 태그 생략

    시작 태그, 종료 태그 모두 작성

  • DOM Interface

    HTMLDListElement

    [Exposed=Window]
    interface HTMLDListElement : HTMLElement {
      [HTMLConstructor] constructor();
    
      // also has obsolete members
    };

설명

하나 이상의 <dt>, <dd> 요소 세트가 자식으로 구성되어 정의형 목록을 출력한다.

기본적인 사용
<dl>
  <dt>Name</dt>
  <dd>John</dd>
  <dt>Born</dt>
  <dd>2000</dd>
</dl>
변칙적 사용
<dl>
  <dt>DevDic</dt>
  <dt>Web Development Reference</dt>
  <dd>www.devdic.com</dd>
</dl>
div 래퍼(wrapper)를 사용하여 레이아웃에 활용
<dl>
  <div>
    <dt>Name</dt>
    <dd>John</dd>
  </div>
  <div>
    <dt>Born</dt>
    <dd>2000</dd>
  </div>
</dl>

원칙적으로 <dl> 요소의 자식으로 <div>가 위치할 수는 없지만 WHATWG HTML에서는 <div> 요소가 <dt>, <dd> 요소들을 감쌀 수 있다.

예제

항목 이름과 내용으로 구성된 콘텐츠 레이아웃에 활용할 수 있다.

글로벌 애트리뷰트

일부 글로벌 애트리뷰트는 이 요소에서 사용되지 않을 수 있다.

글로벌 이벤트 핸들러

일부 글로벌 이벤트 핸들러는 이 요소에서 사용되지 않을 수 있다. 이벤트 등록은 자바스크립트 사용을 권장한다.

버전 명세

HTML Standard
#the-dl-element

지원 웹브라우저